import React from 'react';
import { ButtonComp } from 'jh-lib';
import {SearchOutlined} from "@ant-design/icons";

export default () => (
    <>
        <h3>按钮类型</h3>
        <div className={'demo-contain'}>
            <ButtonComp type="primary" text={'Primary'} />
            <ButtonComp>Default</ButtonComp>
            <ButtonComp type="dashed">Dashed</ButtonComp>
            <ButtonComp type="danger">Danger</ButtonComp>
            <ButtonComp type="link">Link</ButtonComp>
        </div>
        <h3>图标按钮</h3>
        <div className={'demo-contain'}>
            <ButtonComp type="primary" shape="circle" icon={<SearchOutlined />} />
            <ButtonComp type="primary" shape="round">
                A
            </ButtonComp>
            <ButtonComp type="primary" icon={<SearchOutlined />}>
                Search
            </ButtonComp>
            <ButtonComp shape="circle" icon={<SearchOutlined />} />
            <ButtonComp icon={<SearchOutlined />}>Search</ButtonComp>
            <ButtonComp type="dashed" shape="circle" icon={<SearchOutlined />} />
            <ButtonComp type="dashed" icon={<SearchOutlined />}>
                Search
            </ButtonComp>
        </div>
    </>
);